<%--
  Created by IntelliJ IDEA.
  User: qk
  Date: 2015/8/17
  Time: 23:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page import="java.util.*" language="java" pageEncoding="utf-8" %>
<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html lang="zh-CN">
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<base href="<%=basePath%>">
<head>
    <title>查询书籍</title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <script src="/jquery/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/jquery/jquery.form.js"></script>
    <style type="text/css">
        .myTitle {
            color: #eb9316;
            font-size: large;
        }

        .myFont {
            color: #357ebd;
            font-size: smaller
        }

        .article {
            color: #357ebd;
            font-size: small
        }

        .bootStyle {
            border-top: 1px solid #d5d5d5;
            margin-top: 100px;
        }

    </style>
</head>

<body>
<!--页头-->
<div class="jumbotron" style="height: 200px;padding: 10px">
    <div class="container">
        <h3>检索图书</h3>
        <nav class="navbar">
            <div class="container-fluid" style="padding: 20px">
                <div class="row">
                    <div class="col-sm-10">
                        <div class="row">
                            <form action="#" class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-sm-1 control-label">书名</label>
                                    <div class="col-sm-3">
                                        <input type="text" id="bookName" class="form-control" />
                                    </div>
                                    <label class="col-sm-1 control-label">作者</label>
                                    <div class="col-sm-3">
                                        <input type="text" id="bookAuthor" class="form-control" />
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-1 control-label">出版社</label>
                                    <div class="col-sm-3">
                                        <input type="text" id="press" class="form-control" />
                                    </div>
                                    <label class="col-sm-1 control-label">分类</label>
                                    <div class="selectpicker col-sm-3">
                                        <select class="selectpicker form-control">
                                            <option>全部</option>
                                            <option>文学</option>
                                            <option>流行</option>
                                            <option>文化</option>
                                            <option>经管</option>
                                        </select>
                                    </div>
                                    <div class="btn-group">
                                        <button type="submit" class="btn btn-info">查询</button>
                                        <button type="reset" class="btn btn-default">重置</button>&nbsp;&nbsp;
                                        <button type="button" class="btn btn-warning">上传书籍</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-sm-2">
                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                    ${user.name}的账号
                                    <span class="caret"></span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">个人资料</a></li>
                                    <li><a href="#">修改密码</a></li>
                                    <li><a href="#">圈子</a></li>
                                    <%--<li role="separator" class="divider"></li>--%>
                                    <li><a href="#">退出</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </nav>
    </div>
</div>

<br/>

<div class="container">
    <div class="row">
        <c:forEach items="${userList}" var="user">
            <div class="col-sm-6 col-md-2">
                <div class="thumbnail">
                    <img src="../images/jpg/s28274166.jpg" alt="...">
                    <div class="caption">
                        <h5>${user.name}</h5>
                        <p class="myFont">${user.password}</p>
                        <p class="myFont">${user.address}</p>
                    </div>
                        <%--<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>--%>
                </div>
            </div>
        </c:forEach>
    </div>

    <%--<div class="row">--%>
        <%--<div class="col-sm-6 col-md-2">--%>
            <%--<div class="thumbnail">--%>
                <%--<img src="../images/jpg/s28274166.jpg" alt="...">--%>
                <%--<div class="caption">--%>
                    <%--<h5>80后怎么办</h5>--%>
                    <%--<p class="myFont">那是一个晴朗的午后...</p>--%>
                <%--</div>--%>
                <%--&lt;%&ndash;<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>&ndash;%&gt;--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="col-sm-6 col-md-2">--%>
            <%--<div class="thumbnail">--%>
                <%--<img src="../images/jpg/s28274166.jpg" alt="...">--%>
                <%--<div class="caption">--%>
                    <%--<h5>80后怎么办</h5>--%>
                    <%--<p class="myFont">那是一个晴朗的午后...</p>--%>
                <%--</div>--%>
                <%--&lt;%&ndash;<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>&ndash;%&gt;--%>
            <%--</div>--%>
        <%--</div><div class="col-sm-6 col-md-2">--%>
        <%--<div class="thumbnail">--%>
            <%--<img src="../images/jpg/s28274166.jpg" alt="...">--%>
            <%--<div class="caption">--%>
                <%--<h5>80后怎么办</h5>--%>
                <%--<p class="myFont">那是一个晴朗的午后...</p>--%>
            <%--</div>--%>
            <%--&lt;%&ndash;<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>&ndash;%&gt;--%>
        <%--</div>--%>
    <%--</div>--%>
        <%--<div class="col-sm-6 col-md-2">--%>
            <%--<div class="thumbnail">--%>
                <%--<img src="../images/jpg/s28274166.jpg" alt="...">--%>
                <%--<div class="caption">--%>
                    <%--<h5>80后怎么办</h5>--%>
                    <%--<p class="myFont">那是一个晴朗的午后...</p>--%>
                <%--</div>--%>
                <%--&lt;%&ndash;<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>&ndash;%&gt;--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="col-sm-6 col-md-2">--%>
            <%--<div class="thumbnail">--%>
                <%--<img src="../images/jpg/s28274166.jpg" alt="...">--%>
                <%--<div class="caption">--%>
                    <%--<h5>80后怎么办</h5>--%>
                    <%--<p class="myFont">那是一个晴朗的午后...</p>--%>
                <%--</div>--%>
                <%--&lt;%&ndash;<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>&ndash;%&gt;--%>
            <%--</div>--%>
        <%--</div>--%>
        <%--<div class="col-sm-6 col-md-2">--%>
            <%--<div class="thumbnail">--%>
                <%--<img src="../images/jpg/s28274166.jpg" alt="...">--%>
                <%--<div class="caption">--%>
                    <%--<h5>80后怎么办</h5>--%>
                    <%--<p class="myFont">那是一个晴朗的午后...</p>--%>
                <%--</div>--%>
                <%--&lt;%&ndash;<p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>&ndash;%&gt;--%>
            <%--</div>--%>
        <%--</div>--%>
    <%--</div>--%>
    <%--<div class="pull-right">--%>
        <%--<ul class="pagination pagination-md pull-right">--%>
            <%--<li><a href="#">&laquo;</a></li>--%>
            <%--<li><a href="#">&lt;</a></li>--%>
            <%--<li class="col-md-4">--%>
                <%--<div class="input-group">--%>
                    <%--<input type="text" class="form-control">--%>
                    <%--<a href="#" class="btn btn-default input-group-addon">go</a>--%>
                <%--</div>--%>
            <%--</li>--%>
            <%--<li><a href="#">&gt;</a></li>--%>
            <%--<li><a href="#">&raquo;</a></li>--%>
        <%--</ul>--%>
    <%--</div>--%>



    <div class="row">
    <div class="container bootStyle">
        <p class="text-center">design by：<a>qk</a></p>
    </div>
</div>
</div>
</body>
</html>